/* eslint-disable react/display-name */
import { ExportOutlined, PlusOutlined, FilterOutlined } from "@ant-design/icons";
import type { ActionType, ProColumns } from "@ant-design/pro-components";
import { ProCard, ProTable, TableDropdown } from "@ant-design/pro-components";
import { Button, Dropdown, Empty, Input, Space, Tag } from "antd";
import { useEffect, useRef, useState } from "react";
import EmptyPath from "@/assets/empty.svg";
import UserManager from "../user";
import { SiderBar } from "@/components/SiderBar";
import { getDict } from "@/services/api/module/system/dict";
import DeptManager from "../dept";
import PostManager from "../post";
export default () => {
	const [tabKey, setTabKey] = useState<string>("dept");
	// useEffect(() => {
	// 	getDict("sys_user_sex").then(data => {
	// 		console.log(data);
	// 		// setSexOptions(data);
	// 	});
	// }, []);
	return (
		<>
			<ProCard
				split="vertical"
				tabs={{
					cardProps: {
						bodyStyle: {
							paddingBlock: 0
						}
					},
					activeKey: tabKey,
					items: [
						{
							label: `部门管理`,
							key: "dept",
							children: <DeptManager />
						},
						{
							label: `职位管理`,
							key: "post",
							children: <PostManager />
						}
					],
					onChange: key => setTabKey(key)
				}}
			/>
		</>
	);
};
